*{
    font-family: Libre Baskerville; 
    margin: 0; 
    padding: 0;
    text-decoration: none;
}



#logo {
    display: flex;
    right: 5%;
    top: 40vw;
    width: 12vw;
    height: 12vw;
    position: absolute;

    
    
}


#hamburger_mobile {
    display: none;
    cursor: pointer;
    margin-left: 2vw;
}
#hamburger_mobile:hover {
    animation: ham_ani 1s forwards
    
}
#hamburger{
    margin-top: 1vw;
    width: 3vw;
    cursor: pointer;
    margin-left: 2vw;
    
    
}
#hamburger:hover {
    animation: ham_ani 1s forwards
}


.top_background_staff {
   
    margin: auto;
    width: 100%;
    min-height: 50vw;
    border-radius: 10%;
    animation: slide_staff 40s infinite;
    
  
}



#space {width: 2vw;
height: 2vw}

#space_wide {
    margin: 17vw;
    display: block;}

#space_wide_rope {
    margin: 5vw;
    display: block;
}

#menu_beta_staff_active {

    width: 5vw;
    height: 5vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:url(staff_nav.jpg);
    font-size: 1vw;
    box-shadow: 0 0 0 30vw rgba(0, 0, 0, 0.2) inset;
    
    
    }




#menu_beta_staff_active:hover {
    
    
    

}


   
#contact_text_button2_contact {
    color: #0a0a0a;
    font-weight: bold;
    text-align: center;
    box-shadow: inset 10px 10px 50px #fff;
    
}
#contact_title{
    font-size:4vw;
    
    text-align: center;
}

#menu_beta_staff {
    width: 5vw;
    height: 5vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:url(staff_nav.jpg);
    font-size: 1vw;
    box-shadow: 0 0 0 20vw rgba(0, 0, 0, 0.6) inset;
    

}
#menu_beta_home_active_mobile:hover{
    background-color: #0a0a0a;
    color: #fff;
}
#menu_beta_activites_mobile:hover{
    background-color: #0a0a0a;
    color: #fff;
}
#menu_beta_staff_active_mobile:hover{
    background-color: #0a0a0a;
    color: #fff;
}
#menu_beta_gallery_mobile:hover{
    background-color: #0a0a0a;
    color: #fff;
}
#menu_beta_feedback_mobile:hover{
    background-color: #0a0a0a;
    color: #fff;
}
#menu_beta_contact_mobile:hover{
    background-color: #0a0a0a;
    color: #fff;
}



#space_mobile_margin {
    display: none;
}

#menu_beta_activites{
    width: 5vw;
    height: 5vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:url(activites_nav.jpg);
    font-size: 1vw;
    box-shadow: 0 0 0 20vw rgba(0, 0, 0, 0.6) inset;
   
}

#menu_beta_gallery {
    width: 5vw;
    height: 5vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:url(gallery_nav.jpg);
    font-size: 1vw;
    box-shadow: 0 0 0 20vw rgba(0, 0, 0, 0.6) inset;

}


#menu_beta_contact {
    width: 5vw;
    height: 5vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:url(contact_nav.jpg);
    font-size: 1vw;
    box-shadow: 0 0 0 20vw rgba(0, 0, 0, 0.6) inset;
    

}


#menu_beta_feedback {
    width: 5vw;
    height: 5vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:url(feedback_nav.jpg);
    font-size: 1vw;
    box-shadow: 0 0 0 20vw rgba(0, 0, 0, 0.6) inset;
    
    
    

}


#menu_beta_home {
    width: 5vw;
    height: 5vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:url(home_nav.jpg);
    font-size: 1vw;
    box-shadow: 0 0 0 20vw rgba(0, 0, 0, 0.6) inset;
   

}

  
#beta_title_staff  {
    
    display: flex;
    margin: auto;
    text-align: center;
    position:absolute;
    display: flex;
    margin-top: 25%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    transform: translateX(-50%);
    color: #ffffff;
    font-size: 4vw;
    animation: fadeIn 1s, text_move2 15s

}

#menu_beta_feedback_active{
    width: 5vw;
    height: 5vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1vw;
    box-shadow: 0 0 0 30vw rgba(0, 0, 0, 0.2) inset;
    background-image:url(feedback_nav.jpg);
    
    
    
    
}


#nav_menu a {
    
    
    font-weight: bold;
    color: blanchedalmond;
    
    background-position: center;
    background-size: cover;
    clip-path: circle(50% at 50% 50%);
    display: flex;
    flex-direction: row;
    text-align: center;
    animation: fadeIn 1s;
    
    
   
   

}

    
    


#menu_beta_activites_active {
    width: 5vw;
    height: 5vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1vw;
    box-shadow: 0 0 0 30vw rgba(0, 0, 0, 0.2) inset;
    background-image:url(activites_nav.jpg);
    

}

#info_land{
    display: block;
    margin: 0 0 0 0;
    text-align: center;
    margin-top: 5%;
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-size: 1.5vw;
    margin-left: 15%;
    margin-right: 15%;
    color: azure;
    
} 


#space {width: 2vw;
height: 2vw}


#nav_menu *:hover{
    font-size: 1.2vw;
    
}
#menu_beta_home:hover{
    box-shadow: 0 0 0 30vw rgba(0, 0, 0, 0.2) inset;
    
}
#menu_beta_activites:hover{
    box-shadow: 0 0 0 30vw rgba(0, 0, 0, 0.2) inset;
    
}
#menu_beta_staff_active:hover{
    box-shadow: 0 0 0 30vw rgba(0, 0, 0, 0.2) inset;
    
}
#menu_beta_staff:hover{
    box-shadow: 0 0 0 30vw rgba(0, 0, 0, 0.2) inset;
    
}
#menu_beta_gallery:hover{
    box-shadow: 0 0 0 30vw rgba(0, 0, 0, 0.2) inset;
    
}
#menu_beta_contact:hover{
    box-shadow: 0 0 0 30vw rgba(0, 0, 0, 0.2) inset;
    
}
#menu_beta_feedback:hover{
    box-shadow: 0 0 0 30vw rgba(0, 0, 0, 0.2) inset;
    
}




#nav_menu   {
    display: flex;
    justify-content: space-between;
    position: fixed;
    width: 100%;
    top:0;
    margin: auto;
    background-color: #ffffffdc ; 
    position: fixed;
    animation: fadeIn 2s;
    
}
 
#nav_menu_mobile{ 
    position: fixed;
    width: 100%;
    top:0;
    text-align: center;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.952);
    display: none;
    text-align: center;
    
    
    
}

#nav_menu_mobile *{ 
    color: black;
    font-weight: 500;
    margin: 0 1vw 0 1vw;
    animation: fadeIn 1s;
   
}

#nav_menu_mobile *:hover {
    font-weight: 800;
    transition: 0.3s;
    
}


    
    
 



.top_text {
    text-align: center;
    position: absolute;
    color: rgb(238, 229, 229);
    width: 100%;
    opacity: 80%;
    top:10%;
    
   


}

/*#wrapper_staff {
    animation: staff_banner1 200s infinite;
    background-position: cover;
    
    border-radius: 10%;
    box-shadow: inset 10px 10px 50px #fff;
    
   

}*/

/*#wrapper_staff2 {
    animation: staff_banner1 200s infinite;
  
}*/
#beta_title  {
    
    color: rgb(10, 10, 10);
    margin: auto;
    width: 100%;
    font-size: 4vw;
    position: relative;
    text-align: center;
    
 
}


#staff_title {
    text-decoration: none;
    text-align: center;
    font-size: 4rem;
    display: inline-block;
    width: 100%;
    color: black;

}

#staff_title:hover {
    color: rgb(104, 104, 128);
    transition: all 0.3s ease;


}


.staff_people_column{
    font-size: 1rem;
    display: flex;
    text-align: center;
    margin: auto;
    flex-direction: row;
    
    

}


.claire_section_main {
    width: 14vw;
    height: 14vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:url(claire.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 80%;
    margin: auto;


    
   
}
.kayak_section_main {
    width: 14vw;
    height: 14vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:url(kayak5.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 80%;
    margin: auto;


    
   
}


.climbing_section_main {
    width: 14vw;
    height: 14vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:url(climbing.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 80%;
    margin: auto;

   
}
.climbing_section_main:hover, .kayak_section_main:hover, .canoeing_section_main:hover, .abseiling_section_main:hover, .pole_section_main:hover, .Power_Boating_section_main:hover {
    animation: shake_effect 2s;
}


.claire_section_main h1 {
    opacity: 0;
    transform: scale(0);
    transition: 0.5s;
    font-size: 2rem;
    color: blanchedalmond;
    
}
#claire_column {
    margin: auto;
    justify-content: center;
    min-width: 33%;
    
    
}
#robbie_column {
    margin: auto;
    justify-content: center;
    min-width: 33%;
    
    
}
#marion_column {
    margin: auto;
    justify-content: center;
    min-width: 33%;
  
}


#space_bottom_pad{
    padding-top: 10vw;
}
#space_staff {
    padding-bottom: 2vw;}
#space_mobile_margin {
    padding-top: 4vw;
    padding-bottom: 4vw;
}

.claire_section_main:hover {
    box-shadow: 0 0 0 30rem rgba(0, 0, 0, 0.7) inset;
    animation: shake_effect 2s;
}

.claire_section_main:hover h1{ opacity: 1;
    transform: scale(1);

}








.robbie_section_main  {
    width: 14vw;
    height: 14vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:url(robbie_img.jpg);
    background-position: center;
    background-size: cover;
    margin: auto;
    border-radius: 80%;

    

}
.robbie_section_main:hover {
    animation: shake_effect 2s;
}
.canoeing_section_main {
    width: 14vw;
    height: 14vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:url(kayak_01.jpg);
    background-position: center;
    background-size: cover;
    margin: auto;
    border-radius: 80%;
    

}
.abseiling_section_main {
    width: 14vw;
    height: 14vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:url(abseiling.jpg);
    background-position: center;
    background-size: cover;
    margin: auto;
    border-radius: 80%;
    

}





#mini_nav_activities {
    margin: auto;
    text-align: center;
    margin-bottom: 5vw;
   
}




#bottom_mobile_background{
    background-color: #0a0a0a;
    
    
    
} 
#mini_nav1_active{
    background-color:#0a0a0a;
    color:#fff;
    font-size: 2vw;
    border-radius: 80%;
    padding: 2vw;
    
   
}

#mini_nav2_active{
    background-color:#0a0a0a;
    color:#fff;
    font-size: 2vw;
    border-radius: 80%;
    padding: 2vw;
    
    
    
    
   
}
#mini_nav3_active{
    background-color:#0a0a0a;
    color:#fff;
    font-size: 2vw;
    border-radius: 80%;
    padding: 2vw;
    
    
    
    
   
}
#mini_nav1{
    color: black;
    font-size: 2vw;
    border-radius: 80%;
    padding: 2vw;
    
   
}
#mini_nav1:hover, #mini_nav3:hover{
    
    animation: color_change 1s;  
    color: white
    
    
   
}


#mini_nav2{
    
    color: black;
    font-size: 2vw;
    border-radius: 80%;
    padding: 2vw;
    
    
    
    
   
}

#mini_nav3{
    color: rgb(3, 3, 3);
    font-size: 2vw;
    border-radius: 80%;
    padding: 2vw;
  
   
     
    
    
}
#mini_nav3_active{
    background-color:#0a0a0a;
    color:#fff;
    
    font-size: 2vw;
    border-radius: 80%;
    padding: 2vw;
  
    
    transition: 0.3s;
   
    
     
    
    
}

#mini_nav2:hover {
    background-color:#0a0a0a;
    color:#fff;
    transition: 0.3s;
    animation: color_change 1s

   
    
   
}

#mini_nav3:hover {
    background-color:#0a0a0a;
    color:#fff;
    animation: color_change 1s
    
}


.Canoeing_section_main  {
    width: 14vw;
    height: 14vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:url(robbie_img.jpg);
    background-position: center;
    background-size: cover;
    margin: auto;
    border-radius: 80%;
    

}

.kayak_section_main h1{
    color: white;
    font-size: 2vw;
}
.climbing_section_main h1{
    color: white;
    font-size: 2vw;

}
.abseiling_section_main h1{
    color: white;
    font-size: 2vw;

}
._section_main h1{
    color: white;
    font-size: 2vw;

}
.Power_Boating_section_main h1{
    color: white;
    font-size: 2vw;
}
.pole_section_main h1{
    color: white;
    font-size: 2vw;
}

.canoeing_section_main h1{
    color: white;
    font-size: 2vw;
}

._section_main h1{
    color: white;
    font-size: 2vw;
}
#wide_screen_hr {
    margin-top: 4vw;
    margin-bottom: 4vw;
    
}

.robbie_section_main h1 {
    opacity: 0;
    transform: scale(0);
    transition: 0.5s;
    font-size: 2rem;
    color: blanchedalmond;
}

.robbie_section_main:hover {
    box-shadow: 0 0 0 30rem rgba(0, 0, 0, 0.7) inset;
}

.robbie_section_main:hover h1{ opacity: 1;
    transform: scale(1);

}


#hr_staff {
    display: none;
}


#hr_text_staff_top {
    margin: 0 25vw 0 25vw;
    border-top: 1px solid #0a0a0a;
    opacity: 50%;
    
    
}
#text3_column_staff {
    display: flex;
    flex-direction: row;
    width: 100%;;
    
    justify-content:space-between;
    text-align: center;
    line-height: 2vw;

    
}

    




.bottom_text_staff_main:hover {
    
    

}





.marion_section_main {
    width: 14vw;
    height: 14vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:url(marion.jpg);
    background-position: center;
    background-size: cover;
    margin: auto;
    border-radius: 80%;
    
    
}
.marion_section_main:hover{
    animation: shake_effect 2s;
}
.Power_Boating_section_main {
    width: 14vw;
    height: 14vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:url(power_boating.jpg);
    background-position: center;
    background-size: cover;
    margin: auto;
    border-radius: 80%;
  
}

.pole_section_main {
    width: 14vw;
    height: 14vw;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:url(pole-climb.jpg);
    background-position: center;
    background-size: cover;
    margin: auto;
    border-radius: 80%;
  
}

.marion_section_main h1 {
    opacity: 0;
    transform: scale(0);
    transition: 0.5s;
    font-size: 2rem;
    color: blanchedalmond;

}
.marion_section_main:hover {
    box-shadow: 0 0 0 30rem rgba(0, 0, 0, 0.7) inset;
}
.marion_section_main:hover h1{ opacity: 1;
    transform: scale(1);

}

.robbie_section{
    

}
    
    


#robbie_picture_main {
    width: 80%;
    border-radius: 50%;
    
}

#robbie_picture_main:hover {
    opacity: 80%;
    

    
}
#Claire_picture_main {
    width: 80%;
    border-radius: 50%;
}



#Claire_picture_main:hover {
    opacity: 80%;
    


}




#claire_text_staff{
    
    
    border-radius: 10%;
    font-size: 1vw;
    line-height: 200%;
    width: 80%;
    display: flex;
    flex-direction: column; 
    box-shadow: inset 10px 10px 50px #fff;
    background-color: #fff;
    margin: auto;
    
    
    
    
    
    
}
#claire_text_staff:hover{
   
}


    
#robbie_text_staff {
    
    border-radius: 10%;
    font-size: 1vw;
    line-height: 200%;
    width: 80%;
    display: flex;
    flex-direction: column;
    box-shadow: inset 10px 10px 50px #fff;
    background-color: #fff;
    margin: auto;
 
    
    
}



#robbie_text_staff:hover {
   
    
}


#marion_text_staff {
    
    border-radius: 10%;
    font-size: 1vw;
    line-height: 200%;
    width: 80%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-shadow: inset 10px 10px 50px #fff;
    margin: auto;
    
    
    
    
}
#marion_text_staff:hover {
   
    
}




hr {
    border-top: 2px solid #0a0a0a;
    align-items: center;
    margin: 0 7vw 0 7vw;

}




#claire_text {
    line-height: 5vh;
    width: 100%;
    
    
}
    
#claire_section {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 1.5rem;
    border: solid 2px black;
    
    


}    
    
    


#robbie_section {
    display: flex;
    flex-direction: column;

    text-align: center;
    font-size: 1.5rem;
    
  

}

#robbie_text {
    line-height: 5vh;
    
}



#marion_img {
    
    border-radius: 50%; 
    max-width: 30%;
    margin: auto;
    
    
    
}

#marion_section {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
  

}
#marion_text {
    line-height: 5vh;
    
}
    
    
    
    



#title_feedback:hover{
    color: rgb(104, 104, 128);
    opacity: 80%;
    transition: all 0.3s ease;


}






#beta_title {
    border-radius: 70%;
    display: flex;
    margin: auto;
    height: 30vw;
    width: 30vw;
    text-align: center;
    position: absolute;
    display: flex;
    margin-top: 15%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    transform: translateX(-50%);
    color: #ffffff;
    font-size: 4vw;

}

/*@keyframes ham_ani {
    0%{transform:rotatez(0deg)}
    100%{transform:rotatez(360deg)}
    
}*/

@keyframes read_more_animation {
    0%{transform: rotatez(0)}
    50%{transform: rotatez(30deg)}
    70%{transform: rotatez(-30deg)}
    100%{transform: rotatez(0)}
}
@keyframes color_change{
0%{background-color: white;}
100%{background-color: black}


}


@keyframes slide_staff {

0%{background : url("../IMG/staff_slider_imgs/img1.jpg"), url("../IMG/staff_slider_imgs/img2.jpg") , url("../IMG/staff_slider_imgs/img3.jpg"),  url("../IMG/staff_slider_imgs/img4.jpg"),  url("../IMG/staff_slider_imgs/img5.jpg") no-repeat; background-size: cover;background-position: center; box-shadow: inset 10px 10px 50px 50px #fff;  }
15%{background : url("../IMG/staff_slider_imgs/img1.jpg")  no-repeat; background-size: cover;background-position: center; box-shadow: inset 10px 10px 50px 50px #fff;  }
30%{background : url("../IMG/staff_slider_imgs/img2.jpg") no-repeat;  background-size: cover;background-position: center; box-shadow: inset 10px 10px 50px 50px #fff;  }
45%{background : url("../IMG/staff_slider_imgs/img3.jpg") no-repeat;  background-size: cover;background-position: center; box-shadow: inset  10px 10px 50px 50px #fff;  }
56%{background : url("../IMG/staff_slider_imgs/img4.jpg") no-repeat;   background-size: cover;background-position: center; box-shadow: inset 10px 10px 50px 50px #fff;  }
73%{background : url("../IMG/staff_slider_imgs/img5.jpg") no-repeat;  background-size: cover;background-position: center; box-shadow: inset 10px 10px 50px 50px #fff; }
100%{background : url("../IMG/staff_slider_imgs/img1.jpg") no-repeat; background-size: cover;background-position: center; box-shadow: inset 10px 10px 50px 50px #fff;  }

}

  
@keyframes shake_effect {
    0%{transform:translatex(0vw)}
    50%{transform:translatex(2vw)}
    70%{transform:translatex(-2vw)}
    100%{transform:translatex(0vw)}

}
@keyframes shake_effect2 {
    0%{transform:translatex(0vw)}
    50%{transform:translatex(8vw)}
    70%{transform:translatex(-8vw)}
    100%{transform:translatex(0vw)}

}
    
@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }

@keyframes staff_banner1 {
    0%{background : url("../IMG/activities_banner/img2.jpg") no-repeat;  border-radius: 10%;  background-position-y: 0%; box-shadow: inset  0px 0px 50px 50px #fff;  }
    50%{background : url("../IMG/activities_banner/img2.jpg") no-repeat; border-radius: 10%;  background-position-y: 0%; box-shadow: inset  0px 0px 50px 50px #fff;   }
    100%{background : url("../IMG/activities_banner/img2.jpg") no-repeat; border-radius: 10%;  background-position-y: 0%; box-shadow: inset  0px 0px 50px 50px #fff;  }
 }




@media only screen and (max-width: 800px) {
    .top_background_staff
   
    { 
        
        min-height: 120vw;
       
    }

}
@media only screen and (max-width: 800px) {
    #menu_beta_home
    {
        width: 5rem;
        height: 5rem;
    
   
    
    }


}
@media only screen and (max-width: 800px) {
    #menu_beta_activites
    {
        width: 5rem;
        height: 5rem;
   
    
    }


}
@media only screen and (max-width: 800px) {
    #menu_beta_staff_active
    {

        width: 5rem;
        height: 5rem;
   
    
    }


}
@media only screen and (max-width: 800px) {
    #menu_beta_gallery
    {
    width: 5rem;
    height: 5rem;
   
    
    }


}
@media only screen and (max-width: 800px) {
    #menu_beta_contact
    {
        width: 5rem;
        height: 5rem;
    
    }


}
@media only screen and (max-width: 800px) {
    #menu_beta_feedback
    {
    width: 5rem;
    height: 5rem;
   
    
    }


}
@media only screen and (max-width: 600px) {
    #nav_menu *:hover
    {
        
        font-size: 1rem;
    
    
    
    }


}
@media only screen and (max-width: 800px) {
    #nav_menu *
    {
    
        
    
    
   
    }


}
@media only screen and (max-width:800px) {
    #logo { 
        display: flex;
        right: 5%;
        top: 90vw;
        width: 15%;
        width: 30vw;
        height: 30vw;
        position: absolute;
        animation: fadeIn 1s;



    }

}
@media only screen and (max-width: 800px) {
    #menu_beta_activites_mobile_active
    {
        background-color: #0a0a0a;
        color: white;
        
   
    
    }


}

@media only screen and (max-width: 800px) {
    #beta_title
   
    { 
        
        font-size: 7vw;
        top: 20%;;
   
    
    }

}


@media only screen and (max-width: 800px) {
    .marion_section_main
    {
    
    margin: auto;
    height: 35vw;
    width: 35vw;
    margin-bottom: 2rem;
      
      
    }

}
@media only screen and (max-width: 800px) {
    .robbie_section_main
    {
    
    
    margin: auto;
    height: 35vw;
    width: 35vw;
    margin: auto;
    margin-bottom: 2rem;
   
    
      
      
    }

}
  
@media only screen and (max-width: 800px) {
    .claire_section_main
    {
    
    margin: auto;
    height: 35vw;
    width: 35vw;
    margin: auto;
    margin-bottom: 2rem;

    
      
      
    }

}

@media only screen and (max-width: 800px) {

#hr_staff {

    display: block;
}




}   






@media only screen and (max-width: 800px) {
    .staff_people_column
    {
        font-size: 1rem;
        display: inline-block;
        text-align: center;
        width: 100%;
        margin: auto;
        vertical-align: top;
        height: 100%;
       
      
      
    }

}

    

    
@media only screen and (max-width: 800px) {
    #claire_column
    {
    max-width: 70%;
    margin-bottom: 2rem;
    
    
    
    
      
    }

}
@media only screen and (max-width: 800px) {
    #robbie_column
    {
    max-width: 70%;
    margin-bottom: 2rem;
    
      
    }

}
@media only screen and (max-width: 800px) {
    #marion_column
    {
    max-width: 70%;
    margin-bottom: 2rem;
    
      
      
    }

}
@media only screen and (max-width: 800px) {
    #claire_text_staff
    {
    
    font-size: 3.5vw;
      
      
    }

}
@media only screen and (max-width: 800px) {
    #robbie_text_staff
    {
    
    font-size: 3.5vw;
      
      
    }

}
@media only screen and (max-width: 800px) {
    #staff_title
    {
    
    font-size: 2.5rem;
    padding-bottom: 13vw;
      
    }

}

@media only screen and (max-width: 800px) {
    #marion_text_staff
    {
   
    font-size: 3.5vw;
    
      
      
    }

}







@media only screen and (max-width: 800px) {
    #beta_title_staff
    
    { 
        
        font-size: 7vw;
        top: 15%;;
    
    
    }

}
    
    
@media only screen and (max-width:800px) {
    #nav_menu{ 
    
       display: none;
    
    
    }

}
@media only screen and (max-width:800px) {
    #nav_menu_mobile{ 
    
       display:inline-block;
       animation: fadeIn 2s;
    
    
    }

}

@media only screen and (max-width: 800px) {
    #menu_beta_staff_active_mobile
    {
        background-color: #0a0a0a;
        color: white;
        
   
    
    }


}
#bottom_mobile_background_water{
    background-color: #0a0a0a;
   
   
    
} 

#info_water {
    display: block;
    margin: 0 0 0 0;
    text-align: center;
    padding-top: 1vw;
    padding-bottom: 2vw;
    
    font-size: 1.5vw;
    margin-left: 25%;
    margin-right: 25%;
    color: azure;
    
}


@media only screen and (max-width:800px) {
    #info_water { 
        
       
        
        font-size: 4vw;
        
    
    }

}
@media only screen and (max-width:800px) {
    .canoeing_section_main{ 
        
       
        width: 25vw;
        height: 25vw;
        
        
    
    }

}
@media only screen and (max-width:800px) {
    .abseiling_section_main{ 
        
       
        width: 25vw;
        height: 25vw;
        
        
    
    }

}
@media only screen and (max-width:800px) {
    .kayak_section_main{ 
        
       
        width: 25vw;
        height: 25vw;
        
        
    
    }

}
@media only screen and (max-width:800px) {
    .climbing_section_main{ 
        
       
        width: 25vw;
        height: 25vw;
        
        
    
    }

}
@media only screen and (max-width:800px) {
    .Power_Boating_section_main{ 
        
       
        width: 25vw;
        height: 25vw;
        
        
    
    }

}
@media only screen and (max-width:800px) {
    .pole_section_main{ 
        
       
        width: 25vw;
        height: 25vw;
        
        
    
    }

}
@media only screen and (max-width:800px) {
    .canoeing_section_main h1{  
        
       font-size: 1rem;
        
        
    
    }

}

@media only screen and (max-width:800px) {
    .abseiling_section_main h1{  
        
       font-size: 1rem;
        
        
    
    }

}
@media only screen and (max-width:800px) {
    .climbing_section_main h1{  
        
       font-size: 1rem;
        
        
    
    }

}
@media only screen and (max-width:800px) {
    .Power_Boating_section_main h1{  
        
       font-size: 1rem;
        
        
    
    }

}
@media only screen and (max-width:800px) {
    .pole_section_main h1{  
        
       font-size: 1rem;
        
        
    
    }

}
@media only screen and (max-width:800px) {
    .kayak_section_main h1{  
        
       font-size: 1rem;
        
        
    
    }

}

@media only screen and (max-width:800px) {
    #mini_nav_activities *{ 
        
       
        
        font-size: 1.5rem;;
        
        
    
    }

}

@media only screen and (max-width:800px) {
    #wide_screen_hr { 
        
       
        
       display: none;
        
    
    }

}
@media only screen and (max-width:800px) {
    #top_hr_wide

    {
        
    display: none;
        
    
    
    }

}
@media only screen and (max-width:800px) {
    #space_wide

    {

    display: none;
        
    
    
    }

}
@media only screen and (max-width:800px) {
    #space_wide_rope

    {

    display: none;
        
    
    
    }

}
@media only screen and (max-width:800px) {
    #space_mobile_margin

    {

    display: block;
        
    
    
    }

}

@media only screen and (max-width:800px) {
    #info_land { 
        
       
        
        font-size: 3vw;
        
    
    }

}

@media only screen and (max-width:800px) {
    #hamburger_mobile


    {
        
    
        display: inline-block;

        position: flex;
        float: left;
        
        left:0;
            
     
    }

}

@media only screen and (max-width:800px) {
    .Power_Boating_section_main:hover, .canoeing_section_main:hover, .kayak_section_main:hover, .climbing_section_main:hover, .abseiling_section_main:hover, .pole_section_main:hover
    {
        animation: shake_effect2 1.5s ;
    
        
    }

}